<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:c="http://java.sun.com/jsp/jstl/core">
    <h:head>
        <title>Boeken van een reis</title>
        <h:outputStylesheet library="css" name="styles/style.css"  />
        <link rel="stylesheet" type="text/css" href="styles/style.css" />
    </h:head>
    <h:body>
        <h:form>
            <h1>Boekingspagina</h1>
            <div><h:outputLabel value="Beste #{userpagesController.klantBoekingsPagina.voornaam} hier kan u beslissen of u de reis wil boeken." /></div>
            <div><h:outputLabel value="Reis:  #{userpagesController.reisBoekingsPagina.reisNaam} " /></div>
            <div>Aantal personen: <h:inputText value="#{userpagesController.aantalPersonenBoeking}">                       
                </h:inputText></div>
            <div>BetalingsMethode: 
                <h:selectOneMenu id="selectBetalingsMethode" value="#{userpagesController.betaalMethodeID}">
                    <f:selectItems value="#{userpagesController.betaalMethodesBoekingsPagina}" var="betaalmeth" itemLabel="#{betaalmeth.betaalMethode}" itemValue="#{betaalmeth.id}"/>
                </h:selectOneMenu> 
            </div>

            <div><h:commandLink action="#{userpagesController.boekReisEnGaNaarOverzicht()}" value="detailpage"> 
                    <f:param name="klantID" value="#{userpagesController.klantBoekingsPagina.id}"/>
                    <f:param name="reisID" value="#{userpagesController.reisBoekingsPagina.id}"/>
                </h:commandLink>
            </div>
        </h:form>
    </h:body>
</html>
